import React, { useEffect, useState } from "react";
import { history } from 'umi'
import { backgroundObj } from '@/utils/utils'
import profile from './components/image/profile.jpg'
import Title from '../../../wechatEdit/components/Drawer/components/DraweiCenter/components/Title'
import './index.less'
export const PersonalCenter = (props) => {
    const { data, color } = props



    return <div className="wechatNavigation_box">
        <Title data={{ title: '首页' }}></Title>
        <div className="wechatNavigation_bottom">

            {data.map((val, index) => {
                const { defaultIcon, selectIcon, label } = val
                return <div style={{ color: index === 0 ? color : '#888' }} className="wechatNavigation_list">
                    <div className="wechatNavigation_icon" style={{ ...backgroundObj(index === 0 ? selectIcon : defaultIcon) }}></div>
                    <div style={{ fontSize: 12 }}>{label}</div>
                </div>
            })}
        </div>
    </div>
}
export default PersonalCenter